<extend name="Public/base" />

<block name="style">

</block>

<block name="body">
    <!-- 弹窗插件 -->
    <include file="Public:artdialog" />

    <div class="row">
        <div class="col-md-12">
            <div class="block-web">
                <!-- 商品列表 -->
                <form action="{:U('goodslist')}" method="post" id="SearchFrom" class="vform">
                    <div class="bgmain">
                        <div class="block-web" style="margin: 0;padding:10px 20px 0px 0px;">
                            <div class="porlets-content">
                                <div class="row" style="margin-left:-45px;">
                                    <div class="col-md-12" style="padding-left:0px;">
                                        <div class="search_pannl_div">
                                            <table class="search_table">
                                                <tbody>
                                                <tr>
                                                    <td class="single-col">
                                                        <label>关键词：</label><input style="width:155px;" type="text" id="keywords" name="goodsname" placeholder="输入商品名称、编号查找" value="{:I('param.goodsname')}">
                                                        <button type="button" class="btn btn-success" formtarget="SearchFrom" id="searchBtn" onclick="search();"><i class="fa fa-search"></i> 搜索</button>
                                                        <button type="button" class="btn btn-default" onclick="$('input').val(['']);$('select').val('');search();"> 查看所有</button>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
               
                <div id="load_tb_div" style="padding:10px 0px 30px ;">
				<table class="table table-striped goods_list_table   table-bordered table-hover">
    <thead>
        <tr>
        	<th class="" style="width:70px;"></th>
        	<th class="">序号</th>
        	<th class="">商品编号</th>
			<th class="">商品名称</th>

        </tr>
    </thead>
    <tbody id="tbodylist">
		 <volist name="results" id="lists">
            <tr>
			    <td>
			    <label class="checkbox">
            	<input type="checkbox" name="goodsid" value="{$lists['goodsid']}" field='"goodsid":"{$lists.goodsid}","goodsname":"{$lists.goods_name}","saleprice":"{$lists.retail_price}","userprice":"{$lists.shop_price}","vipprice":"{$lists.vip_price}"'/>
				</label>
				</td>
            	<td>{$key+1}</td>
            	<td>{$lists['goods_sn']|default='-'}</td>
				<td>{$lists['goods_name']|default='-'}</td>
            </tr>
        </volist>
		

        <empty name="results">
            <tr>
                <td style="padding:30px;text-align:center;" colspan="10">
                   	 暂无相关记录
                </td>
            </tr>
			<else />
			
			<tr>
				<td colspan="9">
				
				<div class="page_list_ops dataTables_paginate paging_bootstrap pagination">
					 {$show}
				</div>
				</td>
		   </tr>
        </empty>

    </tbody>
</table>
                </div>
	           <input type="hidden" name="listrows" id="listrows" value="{:I('param.listrows')}">			
	           <input type="hidden" name="_page" id="_page" value="">			
	           <input type="hidden" name="blongtype" id="blongtype" value="{$blongtype}" val="{$blongtype}">			
	           <input type="hidden" name="special_id" id="special_id" value="{:I('param.special_id')}">			
</form>
             

            </div><!--/porlets-content-->
        </div><!--/block-web-->
    </div><!--/col-md-12-->

</block>

<block name="script">
<script type="text/javascript" src="__PUBLIC__/Admin/js/json2.js"></script>
<script type="text/javascript">
function search(){
    $("#blongtype").val($("#blongtype").attr("val"));
	$("#SearchFrom").submit();
}			  
var cookiename="goods_{$blongtype}";
var sqllist = '{$sqllist}';
var arr =[];
$(function(){ 
 //debugger
 setCookie(cookiename,"",-10);
     $('input[type="checkbox"]').bind("click",setgoodincookie);
      if(sqllist !=""){
       newcookie(); 
     }
	
	 listinit();//初始化页面 
 }); 


function newcookie(){
    var zengpin = JSON.parse(sqllist);
    var _list=getCookie(cookiename);
    
    if(_list != ""){
    	var listarr = JSON.parse(_list);
        for(var i=0;i<zengpin.length;i++){
        	var flg=false;
        	for(var j=0;j<listarr.length;j++){
        		if(zengpin[i].goodsid == listarr[j].goodsid){
                   flg=true;
                   break;
        		}
        	}
        	if(!flg){arr.push(zengpin[i]);}
        }
        if(arr.length >0){ 
          	for (var i =0; i<arr.length; i++) {
          		listarr.push(arr[i]);
            } 
        } 
        var _db = JSON.stringify(listarr);
	    setCookie(cookiename,_db,1);
    }else{
    	var _zengpin = JSON.stringify(zengpin);
       setCookie(cookiename,_zengpin,1);
    }
} 
 	 
	
    function inputGoToPages(listrows){
		var page=$(listrows).val();
				$("#listrows").val(page);
				$("#SearchFrom").submit();
			 }
			 
	function selectGoToPages(page){
		var _page=$(page).val();
			    $("#_page").val(_page);
				$("#SearchFrom").submit();
			 }
 //初始化页面设置存在选中的商品信息
 function listinit(){

	 var _list=getCookie(cookiename);
	 	
	 if(_list==""){return;}
	 var ojson=JSON.parse(_list);
	 
	 $('input[type="checkbox"]').each(function(){
		var tmp= $(this).val();
		var _isflg=isExist(ojson,tmp);
		if(_isflg){
			$(this).prop("checked",_isflg);
		}
	 }); 
 }
 
 
 //判断json数据中是否存在商品编号id
 function isExist(ary,val){
	  var flg=false;
	  if(ary==null || ary.length==0)return flg;
	  for(var i=0;i<ary.length;i++){
		  if(ary[i]['goodsid']==val){
			  flg=true;
			  break;
		  }
	  }
	  return flg;
 }
 
 
 //勾选时执行数据的清理以及写入
 function setgoodincookie()
 {
	 var goods_nums="";
	//var flg= $(this).is(":checked");
	var flg= $(this).prop("checked");
	
	var _json=[],ojson=[],json=[];   
	
	var _tmv='{'+$(this).attr("field")+'}';
	//var _tmv='{"goodsid":"'+$(this).val()+'"}';
	var _json=JSON.parse(_tmv); 
	if(!_json)return;
	
	//获取cookie值
	var _list=getCookie(cookiename);
	if(_list!=""){
	  ojson=JSON.parse(_list);
	} 
	//从cookie中获取的值哪些需要删除，哪些需要更新 
	for(var i=0;i<ojson.length;i++){ 
		//相等处理
		if(ojson[i]['goodsid']==_json['goodsid']){ 
		   if(flg){json.push(_json);}  //勾选，就更新这个记录
	    }  
		else{
		  json.push(ojson[i]);  //不相等添加
		}
    } 
	
	var bl=isExist(ojson,_json['goodsid']);
	//如果是勾选并且是不存在cookie记录新时，增加
	if(!bl && flg){json.push(_json);}
	//;
	//Number(goods_num)+Number(json.length)
    
	//考虑重复记录的清理。
    setCookie(cookiename,"",-10);

	 if(json.length>0){
	    var _db=JSON.stringify(json);
		setCookie(cookiename,_db,1);
	 } 
 }  
 
 function setCookie(c_name, value, expiredays){
	　　　var exdate=new Date();
	　　　exdate.setDate(exdate.getDate() + expiredays);
	　　　document.cookie=c_name+ "=" + escape(value) +";path=/;domain="+document.domain+";"+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
 }
		 
 function getCookie(c_name){
	　　　　if (document.cookie.length>0){　　//先查询cookie是否为空，为空就return ""
	　　　　　　c_start=document.cookie.indexOf(c_name + "=")　　//通过String对象的indexOf()来检查这个cookie是否存在，不存在就为 -1　　
	　　　　　　if (c_start!=-1){ 
	　　　　　　　　c_start=c_start + c_name.length+1;　　//最后这个+1其实就是表示"="号啦，这样就获取到了cookie值的开始位置
	　　　　　　　　c_end=document.cookie.indexOf(";",c_start)　　//其实我刚看见indexOf()第二个参数的时候猛然有点晕，后来想起来表示指定的开始索引的位置...这句是为了得到值的结束位置。因为需要考虑是否是最后一项，所以通过";"号是否存在来判断
	　　　　　　　　if (c_end==-1) c_end=document.cookie.length;
	　　　　　　　　return unescape(document.cookie.substring(c_start,c_end));　　//通过substring()得到了值。想了解unescape()得先知道escape()是做什么的，都是很重要的基础，想了解的可以搜索下，在文章结尾处也会进行讲解cookie编码细节
	　　　　　　} 
	　　　　}

	　　　　return "";
 }

</script>
</block>